<template>
  <section class="setting-bg pv-12 ph-16">
    <div class="flex-row-center">
      <h3>公区水表分摊设置</h3>
      <el-tooltip
        effect="dark"
        placement="top-start"
      >
        <el-icon class="ml20" color="var(--el-text-color-regular)"><QuestionFilled /></el-icon>
        <template #content>
          <div style="max-width: 300px;">按户分摊：公区水表关联的房间按当前有人入住的房间锁平摊
按人分摊：公区水表关联的房间按当前入住中入住的人数来分摊</div>
        </template>
      </el-tooltip>
    </div>
     <div>
       <el-radio-group v-model="radio">
        <el-radio label="1" border>按户分摊</el-radio>
        <el-radio label="2" border>按人分摊</el-radio>
      </el-radio-group>
     </div>
    <el-button style="margin-top: 40px;" type="primary">保存</el-button>
  </section>
</template>
<script setup name="PreElectriNotice">
import { Check, Close, Remove } from '@element-plus/icons-vue'

const radio = ref('1')
</script>